<template>
  <view class="content">
    <uni-search-bar @confirm="search" :focus="true" v-model="searchValue" @blur="blur" @focus="focus" @input="input" @cancel="cancel" @change="change" @clear="clear"></uni-search-bar>

	<uni-list>
		<uni-list-item title="通讯录" link to="/pages/msg/constract"></uni-list-item>
		<uni-list-item title="通知公告" link to="/pages/msg/notice" ></uni-list-item>
		<uni-list-item title="待办事项" link to="/pages/msg/in?typetodo"></uni-list-item>
	</uni-list>
  </view>
</template>

<script>
  export default {
    onLoad: function() {
    },
	methods: {
		search(res) {
			uni.showToast({
				title: '搜索：' + res.value,
				icon: 'none'
			})
		},
		input(res) {
			console.log('----input:', res)
		},
		clear(res) {
			uni.showToast({
				title: 'clear事件，清除值为：' + res.value,
				icon: 'none'
			})
		},
		blur(res) {
			uni.showToast({
				title: 'blur事件，输入值为：' + res.value,
				icon: 'none'
			})
		},
		focus(e) {
			uni.showToast({
				title: 'focus事件，输出值为：' + e.value,
				icon: 'none'
			})
		},
		cancel(res) {
			uni.showToast({
				title: '点击取消，输入值为：' + res.value,
				icon: 'none'
			})
		}
	}
  }
</script>

<style>
  .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .logo {
    height: 200rpx;
    width: 200rpx;
    margin-top: 200rpx;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50rpx;
  }

  .text-area {
    display: flex;
    justify-content: center;
  }

  .title {
    font-size: 36rpx;
    color: #8f8f94;
  }
</style>
